<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title>我的</title>
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.css" rel="stylesheet" />
		<link rel="stylesheet" href="./css/reset.css" />
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/main.css" />
		<script src="js/tailwindcss.js"></script>
	</head>

	<body>
		<div class="mui-content">
			<div class="me-userinfo">
				<div class="me-userinfo-content">
					<img src="images/e0026c97-70ee-452f-b503-25cc428bef5d-ico_ 1.jpg" alt="" class="avatar" />
					<span class="username-group">
						<div class="username">十一</div>
						<a href="real-name-auth.html" class="real-name-auth">实名认证</a>
					</span>
				</div>
				<div class="me-userinfo-settings">
					<a href="seting.html">
						<img src="./images/ico_16.png" alt="" srcset="" />
					</a>
				</div>
			</div>
			<div class="me">
				<!-- <div class="me-order">
					<div class="me-order-state" style="margin-top: 0;">
						<a href="collect.html">
							<div>
								<img src="images/ico_17.png" alt="" srcset="" />
								<span>收藏</span>
							</div>
						</a>
						<a href="ensure-money.html">
							<div>
								<img src="images/ico_19.png" alt="" srcset="" />
								<span>保证金</span>
							</div>
						</a>
						<div>
							<img src="images/ico_18.png" alt="" srcset="" />
							<span>盲盒记录</span>
						</div>
					</div>
				</div> -->

				<div class="me-order">
					<a href="wallet.html">
						<div class="me-order-title-group">
							<div class="title">钱包</div>
							<div class="more">
								进入钱包
								<img src="images/ico_15.png" alt="" srcset="" />
							</div>
						</div>
					</a>
					<div class="me-order-state">
						<div>
							<span>积分</span>
							<span>399</span>
						</div>
						<div>
							<span>转卖卡</span>
							<span>6 张</span>
						</div>
						<div>
							<span>帮抢券</span>
							<span>1 张</span>
						</div>
						<div>
							<span>银行卡</span>
							<span>3张</span>
						</div>

					</div>
				</div>
				<img src="images/pic_09.png" alt="" style="margin-bottom: 0.625rem;width: 100%;" />
				<div class="me-order">
					<div class="me-order-title-group">
						<div class="title">我的订单</div>
						<a class="more" href="order-list.html">
							全部
							<img src="images/ico_15.png" alt="" srcset="" />
						</a>
					</div>
					<div class="me-order-state">
						<div>
							<a href="order-list.html">
								<img src="images/ico_10.png" alt="" />
								<span>待付款</span>
								<span class="mui-badge mui-badge-danger">1</span>
							</a>
						</div>

						<div>
							<a href="order-list.html">
								<img src="images/ico_12.png" alt="" />
								<span>待发货</span>
								<span class="mui-badge mui-badge-danger">2</span>
							</a>
						</div>
						<div>
							<a href="order-list.html">
								<img src="images/ico_11.png" alt="" />
								<span>待收货</span>
							</a>
						</div>
						<div>
							<a href="order-list.html">
								<img src="images/ico_30.png" alt="" />
								<span>已完成</span>
							</a>
						</div>
						<div>
							<a href="order-list.html">
								<img src="images/ico_14.png" alt="" />
								<span>退款/售后</span>
							</a>
						</div>
					</div>
				</div>
				<div class="me-order">
					<div class="me-order-title-group">
						<div class="title">常用工具</div>
					</div>
					<div class="me-grid">
						<ul class="mui-table-view mui-grid-view mui-grid-9 ">
							<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
								<a href="address.html">
									<span class="mui-icon">
										<img src="images/ico_21.png" alt="" srcset="" />
									</span>
									<div class="mui-media-body">地址管理</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
								<a href="customer-service.html">
									<span class="mui-icon">
										<img src="images/ico_22.png" alt="" srcset="" />
									</span>
									<div class="mui-media-body">在线客服</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
								<a href="frequently-asked-question.html">
									<span class="mui-icon">
										<img src="images/ico_23.png" alt="" srcset="" />
									</span>
									<div class="mui-media-body">常见问题</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
								<a href="suggestions.html">
									<span class="mui-icon">
										<img src="images/ico_24.png" alt="" srcset="" />
									</span>
									<div class="mui-media-body">投诉建议</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
								<a href="#">
									<span class="mui-icon">
										<img src="images/ico_25.png" alt="" srcset="" />
									</span>
									<div class="mui-media-body">邀请好友</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
								<a href="collect.html">
									<span class="mui-icon">
										<img src="images/ico_17.png" alt="" srcset="" />
									</span>
									<div class="mui-media-body">收藏</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
								<a href="#">
									<span class="mui-icon">
										<img src="images/ico_18.png" alt="" srcset="" />
									</span>
									<div class="mui-media-body">盲盒记录</div>
								</a>
							</li>
						</ul>
					</div>

				</div>
			</div>
		</div>
		<nav class="mui-bar mui-bar-tab">
			<a class="mui-tab-item" href="index.html">
				<span class="mui-icon">
					<img src="./images/ico_02.png" alt="" srcset="" />
				</span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a class="mui-tab-item " href="recommend.html">
				<span class="mui-icon">
					<img src="./images/ico_04.png" alt="" srcset="" />
				</span>
				<span class="mui-tab-label">推荐</span>
			</a>
			<a class="mui-tab-item " href="mall.html">
				<span class="mui-icon">
					<img src="./images/ico_05.png" alt="" srcset="" />
				</span>
				<span class="mui-tab-label">商城</span>
			</a>
			<a class="mui-tab-item " href="blind-box.html">
				<span class="mui-icon">
					<img src="./images/ico_03.png" alt="" srcset="" />
				</span>
				<span class="mui-tab-label">盲盒</span>
			</a>
			<a class="mui-tab-item mui-active">
				<span class="mui-icon">
					<img src="./images/ico_01_01.png" alt="" srcset="" />
				</span>
				<span class="mui-tab-label">我的</span>
			</a>
		</nav>
		<script src="js/mui.js"></script>
		<script src="js/jquery-2.1.1.min.js"></script>
		<script type="text/javascript">
			mui.init()
			mui('body').on('tap', 'a', function() {
				document.location.href = this.href;
			});

			function navigatorTo() {

			}
		</script>
	</body>

</html>